//menu items
const menuItems = document.querySelectorAll('.menu-item');

// Loop through each menu item and add click event listener
menuItems.forEach(item => {
    item.addEventListener('click', function() {
        // Remove 'selected' class from all menu items
        menuItems.forEach(item => {
            item.classList.remove('selected');
        });

        // Add 'selected' class to the clicked menu item
        this.classList.add('selected');
    });
});

// //榜单切换
// // 获取菜单按钮
// const menuButtons = document.querySelectorAll('.menu-item');
//
// // 添加点击事件监听器
// menuButtons.forEach(button => {
//     button.addEventListener('click', async function() {
//         // 发送请求到后端接口
//         const query = this.id; // 获取按钮的 ID
//         const response = await fetch(`/grade/movieList?query=${query}`);
//         const movieGradeList = await response.json();
//
//         // 在页面上显示电影列表
//         const movieListDetail = document.querySelector('.movie-list-detail');
//         movieListDetail.innerHTML = ''; // 清空列表
//
//         movieGradeList.forEach(movie => {
//             const listItem = document.createElement('li');
//             listItem.classList.add('movie-item');
//
//             // 生成电影项的HTML结构
//             listItem.innerHTML = `
//                     <img src="${movie.imageUrl}" alt="${movie.movieName}">
//                     <div class="movie-info">
//                         <div class="movie-title">${movie.movieName}</div>
//                         <div class="movie-tip">${movie.tip}</div>
//                         <div class="movie-date">${movie.date}</div>
//                         <div class="movie-description">${movie.description}</div>
//                     </div>
//                     <div class="movie-data">
//                         <p>${movie.score}</p>
//                         <span>${movie.additionalInfo}</span>
//                     </div>
//                 `;
//             movieListDetail.appendChild(listItem);
//         });
//     });
// });
//
// // menu items selection
// const menuItems = document.querySelectorAll('.menu-item');
// menuItems.forEach(item => {
//     item.addEventListener('click', function() {
//         menuItems.forEach(item => item.classList.remove('selected'));
//         this.classList.add('selected');
//     });
// });